<include file="./Application/Home/View/Public/header.html" title="是什么店？You will get a big surprise!!!" keywords="surprise"/>



<div id="main">
    <div id="video">
        <a href="#" id="video_link"> <img src="__PUBLIC__/images/player.png"  alt="See what your surprise will be !" /></a>
    </div>
</div>
<include file="./Application/Home/View/Public/footer.html"/>

<script type="text/javascript">
    $(document).ready(function() {
        $("#menu-item-index").attr("src", "__PUBLIC__/images/menu-item-blue.png");
        
        $("#video_link").click(function() {
            var pageii = $.layer({
                type: 1,
                title: false,
                area: ['auto', 'auto'],
                border: [0], //去掉默认边框
                shade: [0], //去掉遮罩
                closeBtn: [0, false], //去掉默认关闭按钮
                shift: 'left', //从左动画弹出
                page: {
                    html: '<div style="width:920px; height:560px; padding:20px; border:1px solid #ccc; background-color:#eee;"><p><video src="movie.flv" controls="controls">您的浏览器不支持 video 标签。</video></p><button id="pagebtn" class="btns" onclick="">关闭</button></div>'
                }
            });
//自设关闭
            $('#pagebtn').on('click', function() {
                layer.close(pageii);
            });
        });
    });

</script>